<template>
  <div class="service-comitem ">
    <van-nav-bar title="优惠券问题" />
    <van-collapse v-model="activeNames" accordion>
      <van-collapse-item title="如何查看优惠劵？" name="1">{{
        list[0]
      }}</van-collapse-item>
      <van-collapse-item title="优惠券如何绑定使用？" name="2">{{
        list[1]
      }}</van-collapse-item>
      <van-collapse-item title="优惠券页面要求输入兑换码是怎么回事？" name="3"
        >{{
        list[2]
      }}</van-collapse-item
      >
    </van-collapse>
  </div>
</template>

<script>
export default {
  name: "serviceComitem",
  data() {
    return {
      activeNames: "",
      list: [
        "您可以登录“天鹅到家APP-我的-卡卷-优惠券”查询，或者登录微信小程序“天鹅到家保洁-我的-我的优惠”中查看优惠券",
        "订单的服务时间必须在优惠劵有效期内，例如优惠券有效期是2020-06-01 00:00:00",
        "界面显示的输入兑换码是指一些纸质的优惠券需要兑换才能绑定到账户中使用的。"
      ]
    };
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="less">
* {
  box-sizing: border-box;
}
.service-comitem {
  height: 100%;
  background-color: #ededed;
  /deep/.van-nav-bar__title {
    font-weight: 600;
  }
  .van-cell {
    height: 45px;
    padding: 10px;
    .van-cell__title {
      padding-top: 1px;
    }
  }
}
</style>
